//  common
@picker-common-font: @general-6;
@picker-common-bg: @general-66;
@picker-common-border: @general-66;
//  hover
@picker-hover-font: @general-6;
@picker-hover-bg: @general-72;
@picker-hover-border: @general-72;
//  selected
@picker-selected-font: @general-6;
@picker-selected-bg: @general-46;
@picker-selected-border: @general-46;
// 
@picker-focus-font: @general-6;
@picker-focus-bg: @general-88;
@picker-focus-border: @general-46;
//  disabled
@picker-disabled-font: @general-18;
@picker-disabled-bg: @general-93;
@picker-disabled-border: @general-93;

@picker-icon-common-font: @general-6;
@picker-icon-hover-font: @general-6;


//  date-btn
@date-btn-common-font: @general-6;
@date-btn-common-bg: @general-88;
@date-btn-common-border: @general-46;

@date-btn-selected-font: @general-6;
@date-btn-selected-bg: @general-46;
@date-btn-selected-border: @general-46;

@date-btn-start-end-font: @general-6;
@date-btn-start-end-bg: @general-66;
@date-btn-start-end-border: @general-66;

@date-btn-inrange-font: @general-6;
@date-btn-inrange-bg: @general-66;
@date-btn-inrange-border: @general-66;

@date-btn-hover-font: @general-6;
@date-btn-hover-bg: @general-72;
@date-btn-hover-border: @general-72;

@date-btn-disabled-font: @general-18;
@date-btn-disabled-bg: @general-93;
@date-btn-disabled-border: @general-93;

.ant-picker{
  color: @picker-common-font;
  background-color: @picker-common-bg;
  border-color: @picker-common-border;
  .ant-picker-input>input{
    color: @picker-common-font;
  }
  .ant-picker-active-bar{
    background-color: @picker-focus-border;
  }
}

.ant-picker-focused{
  color: @picker-focus-font;
  background-color: @picker-focus-bg;
  border-color: @picker-focus-border;
}

.ant-picker-suffix{
  .anticon{
    color: @picker-icon-common-font;
  }
}

.ant-picker-panel-container{
  background-color: @picker-focus-bg;
  .ant-picker-panel-focused{
    border-color:  @picker-focus-border;
  }
}

.ant-picker-panel{
  border-color: @picker-focus-border;
  .ant-picker-header{
    border-color: @picker-focus-border;
    color: @picker-focus-font; 
    button{
      color: @picker-focus-font; 
    }
  }

  .ant-picker-content{
    th{
      color: @date-btn-common-font
    }
    .ant-picker-cell{
      color: @date-btn-common-font;
      &:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end){
        .ant-picker-cell-inner{
          background-color:  @date-btn-hover-bg;
        }
      }
    }
    .ant-picker-cell-selected{
      color: @date-btn-selected-font;
      .ant-picker-cell-inner{
        background-color: @date-btn-selected-bg;
      }
    }
    .ant-picker-cell-disabled{
      color: @date-btn-disabled-font;
      background-color: @date-btn-disabled-bg;
      .ant-picker-cell-inner{
        background-color: @picker-disabled-bg;
      }
    }

    //  范围内部的日期
    .ant-picker-cell-in-range{
      background-color: @date-btn-inrange-bg;
      &::before{
        background-color: @date-btn-inrange-bg;
      }
      .ant-picker-cell-inner{
        // background-color: @date-btn-inrange-bg;
      }
    }

    //  开始日期，结束日期
    .ant-picker-cell-range-start,
    .ant-picker-cell-range-end{
      background-color: @date-btn-start-end-bg;
      &::before{
        background-color: @date-btn-start-end-bg;
      }
    }
    //  btn-hover-start-end   选择范围后，再次调整范围的hover
    .ant-picker-cell-range-hover-end,
    .ant-picker-cell-range-hover-start{
      .ant-picker-cell-inner{
        background-color: @date-btn-hover-bg;
        &::after{
          background-color: @general-transparent;
        }
      }
    }
    //  edge-start-end
    .ant-picker-cell-range-hover-edge-end,
    .ant-picker-cell-range-hover-edge-start{
      &:hover{
        .ant-picker-cell-inner{
          background-color:  @date-btn-hover-bg;
        }
      }
    }

    //  btnInRange:hover    范围内部的hover
    .ant-picker-cell-range-end.ant-picker-cell-range-hover-end, 
    .ant-picker-cell-range-start.ant-picker-cell-range-hover-start{
      // background-color:  @date-btn-hover-bg;
      &::before{
        background-color:  @date-btn-hover-bg;
      }
      .ant-picker-cell-inner{
        background-color: @date-btn-selected-bg;
      }
    }

    //  btnInRange:hover
    .ant-picker-cell-in-view.ant-picker-cell-in-range{
      &.ant-picker-cell-range-hover-start,
      &.ant-picker-cell-range-hover-end{
        // background-color: @date-btn-inrange-bg;
        &::before{
          background-color: @general-transparent;
        }
        .ant-picker-cell-inner{
          background-color: @date-btn-hover-bg;
          &::after{
            background-color: @general-transparent;
          }
        }
      }
    }
    .ant-picker-time-panel-cell{
      .ant-picker-time-panel-cell-inner{
        color: @picker-focus-font;
        &:hover{
          background-color: @picker-hover-bg;
        }
      }
    }
    .ant-picker-time-panel-cell-selected{
      .ant-picker-time-panel-cell-inner{
        background-color: @date-btn-selected-bg;
      }
    }
  }

  .ant-picker-time-panel{
    border-color: @picker-hover-border;
    .ant-picker-time-panel-column{
      border-color: @picker-hover-border;
    }
  }

  .ant-picker-footer{
    border-color: @picker-focus-border;
    .ant-picker-today-btn,.ant-picker-now-btn{
      color: @picker-focus-font;
    }
  }
}

.ant-picker-footer{
  border-bottom: none;
}